<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" href="./header.css">
</head>

<body>

  <div class="dm-header">
    <a class="logo-wrapper">
      <img src="../../img/PC/STANFORD_ADV.png" class="logo" />
    </a>
    <div class="menu-search-power">
    </div>
    <div class="dm-wish">
      <div class="dm-wish-icon dm-header-search">
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M15.4235 14.518L11.979 11.1944L12.0113 11.1539C12.9389 10.0054 13.4497 8.55932 13.4497 7.08291C13.4497 3.50196 10.5363 0.588257 6.95615 0.588257C3.37494 0.588257 0.460938 3.50196 0.460938 7.08291C0.460938 10.6639 3.37494 13.5773 6.95615 13.5773C8.52528 13.5773 10.0413 13.0069 11.2249 11.9726L11.2637 11.9387L14.7 15.2251H14.7344L14.735 15.2536C14.8219 15.3148 14.9198 15.3471 15.0265 15.3471C15.3109 15.3471 15.5417 15.1152 15.5417 14.8319C15.5416 14.7226 15.5023 14.6164 15.4235 14.518ZM6.95614 12.5453C3.94397 12.5453 1.4938 10.0951 1.4938 7.08293C1.4938 4.07105 3.94397 1.6214 6.95614 1.6214C9.96744 1.6214 12.4177 4.07105 12.4177 7.08293C12.4177 10.0951 9.96746 12.5453 6.95614 12.5453Z"
            fill="white" />
        </svg>
      </div>
      <div class="dm-wish-icon icon-like">
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M11.4645 0.697975C10.1033 0.697975 8.84138 1.38308 8.00298 2.50979C7.17378 1.38299 5.90278 0.697975 4.54158 0.697975C2.08982 0.697975 0.0976562 2.87937 0.0976562 5.55655C0.0976562 7.15201 0.809728 8.27884 1.38661 9.18019C3.05424 11.8034 7.25485 15.0574 7.43503 15.1926C7.59631 15.3213 7.79659 15.3912 8.00291 15.3909C8.20121 15.3909 8.39952 15.3278 8.57077 15.1926C8.75112 15.0574 12.9426 11.7943 14.6193 9.18019C15.1962 8.27875 15.9083 7.15203 15.9083 5.55655C15.9084 2.87937 13.9163 0.697975 11.4645 0.697975H11.4645ZM13.4745 9.15314C11.9332 11.3165 8.67014 13.7863 8.5078 13.9035C8.35459 14.0208 8.17424 14.0839 8.003 14.0839C7.82272 14.0839 7.65145 14.0298 7.49824 13.9035C7.33592 13.7864 4.13597 11.2895 2.53145 9.06305C2.0177 8.25179 1.1974 7.24221 1.1974 5.81806C1.1974 3.42025 2.53147 1.73466 4.72193 1.73466C5.93883 1.73466 7.26394 2.89746 8.003 3.90704C8.75121 2.89747 10.0672 1.73468 11.2841 1.73468C13.4835 1.73468 14.9079 3.42025 14.9079 5.81808C14.9079 7.24212 13.9973 8.35088 13.4745 9.15314Z"
            fill="white" />
        </svg>
        <div class="icon-lick-num">2</div>

      </div>
      <div class="icon-num dm-wish-icon icon-shop">
        <svg width="14" height="18" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M6.99909 0.75C7.69571 0.750099 8.36377 1.0269 8.85633 1.51953C9.34888 2.01215 9.62559 2.68025 9.62559 3.37687V3.75H11.9318C12.12 3.74991 12.3014 3.82058 12.4399 3.94799C12.5784 4.07539 12.664 4.2502 12.6796 4.43775L13.6793 16.4377C13.6879 16.5411 13.675 16.6452 13.6414 16.7433C13.6077 16.8414 13.5541 16.9315 13.4838 17.0078C13.4136 17.0842 13.3283 17.1451 13.2333 17.1868C13.1383 17.2285 13.0357 17.25 12.932 17.25H1.06246C0.958728 17.25 0.856122 17.2285 0.761131 17.1868C0.666139 17.1451 0.580827 17.0842 0.510587 17.0078C0.440348 16.9315 0.386708 16.8414 0.353057 16.7433C0.319407 16.6452 0.306478 16.5411 0.315088 16.4377L1.31484 4.43775C1.33045 4.25027 1.41596 4.0755 1.55439 3.94811C1.69283 3.82072 1.87408 3.75001 2.06221 3.75H4.37221V3.37687C4.3723 2.69589 4.63683 2.04155 5.11004 1.55183C5.58324 1.06212 6.22813 0.775304 6.90871 0.751875L6.99871 0.75H6.99909ZM4.37221 4.875H2.30971L1.37221 16.125H12.6222L11.6847 4.875H9.62559V5.24437C9.62568 5.38421 9.57369 5.51907 9.47975 5.62265C9.3858 5.72623 9.25664 5.79111 9.11746 5.80462L9.06309 5.80687C8.9139 5.80687 8.77083 5.74761 8.66534 5.64212C8.55985 5.53663 8.50059 5.39356 8.50059 5.24437V4.875H5.49684L5.49721 5.24437C5.4973 5.38427 5.44525 5.51918 5.35123 5.62277C5.25721 5.72636 5.12796 5.79119 4.98871 5.80462L4.93471 5.80687C4.78553 5.80687 4.64245 5.74761 4.53697 5.64212C4.43148 5.53663 4.37221 5.39356 4.37221 5.24437V4.875ZM4.93471 6.375C5.0839 6.375 5.22697 6.43426 5.33246 6.53975C5.43795 6.64524 5.49721 6.78832 5.49721 6.9375V7.3125C5.49721 7.46168 5.43795 7.60476 5.33246 7.71025C5.22697 7.81574 5.0839 7.875 4.93471 7.875C4.78553 7.875 4.64245 7.81574 4.53697 7.71025C4.43148 7.60476 4.37221 7.46168 4.37221 7.3125V6.9375C4.37221 6.78832 4.43148 6.64524 4.53697 6.53975C4.64245 6.43426 4.78553 6.375 4.93471 6.375ZM9.05971 6.375C9.2089 6.375 9.35197 6.43426 9.45746 6.53975C9.56295 6.64524 9.62221 6.78832 9.62221 6.9375V7.3125C9.62221 7.46168 9.56295 7.60476 9.45746 7.71025C9.35197 7.81574 9.2089 7.875 9.05971 7.875C8.91053 7.875 8.76746 7.81574 8.66197 7.71025C8.55648 7.60476 8.49721 7.46168 8.49721 7.3125V6.9375C8.49721 6.78832 8.55648 6.64524 8.66197 6.53975C8.76746 6.43426 8.91053 6.375 9.05971 6.375ZM6.99909 1.875C6.60077 1.875 6.21876 2.03323 5.9371 2.31489C5.65545 2.59654 5.49721 2.97855 5.49721 3.37687V3.75H8.50059V3.37687C8.50059 2.9916 8.35253 2.62106 8.08703 2.34187C7.82152 2.06268 7.45888 1.89621 7.07409 1.87687L6.99909 1.875Z"
            fill="white" />
        </svg>
        <div class="icon-shop-num">1</div>
      </div>
    </div>
    <div class="dm-inquiry-btn">
      <button>Inquiry</button>
    </div>
    <!-- 搜索弹框 -->
    <div class="dm-main-header-input">
      <!-- 搜索 -->
      <div class="search-down">
        <div class="search-top-content">
          <p class="search-title">Search</p>
          <div class="dm-input-wrapper">
            <input type="text" name="searchValue" class="searchValue" placeholder="Search..."></input>
            <div class="search-close-icon">
              <img src="../../img/svg/close.svg" alt="close"></img>
            </div>
            <div class="search-icon">
              <img src="../../img/svg/search_black.svg" alt="search"></img>
            </div>
          </div>
        </div>
        <!-- 默认占位展示 -->
        <div class="search-placeholder">
          <div class="placeholder-title">Quick Links</div>
          <div class="placeholder-content">
            <a class="dm-placeholder-info">
              <img src="../../img/svg/right-arrow.svg" alt="">
              <div class="info-text">Lab Grown Diamonds</div>
            </a>
            <a class="dm-placeholder-info">
              <img src="../../img/svg/right-arrow.svg" alt="">
              <div class="info-text">Lab Grown Diamonds</div>
            </a>
            <a class="dm-placeholder-info">
              <img src="../../img/svg/right-arrow.svg" alt="">
              <div class="info-text">Lab Grown Diamonds</div>
            </a>
            <a class="dm-placeholder-info">
              <img src="../../img/svg/right-arrow.svg" alt="">
              <div class="info-text">Lab Grown Diamonds</div>
            </a>
          </div>
        </div>
        <!-- 搜索出来的内容 -->
        <div class="search-results">

        </div>
      </div>
    </div>
  </div>


  <!-- 768-->
  <div class="dm-mobile-header">
    <div class="dm-mobile-search">
      <a class="search-icon">
        <img src="../../img/svg/search.svg" alt="search">
      </a>
      <div class="search-coll-content ">
        <div class="search-coll-icon like-mobile">
          <img src="../../img/svg/loved.svg" alt="loved">
          <span class="info-like-num">2</span>
        </div>
        <div class="search-coll-icon shop-mobile">
          <img src="../../img/svg/shop.svg" alt="loved">
          <span class="info-shop-num">3</span>
        </div>
      </div>
    </div>
    <div class="dm-mobile-logo">
      <div class="dm-mobile-btn">
        <button>Inquiry</button>
      </div>
      <a href="/" class="logo-wrapper">
        <img src="../../img/mobile/STANFORD ADV.png" alt="logo">
      </a>
      <div class="menu-wrapper">
        <img src="../../img/svg/directory.svg" alt="directory">
      </div>
    </div>
    <!-- 选择菜单 -->
    <div class="mobile-drop-down">
      <div class="close-icon-wrapper">
        <a class="close-icon">
          <img src="../../img/svg/closed.svg" alt="close"></img>
        </a>
      </div>
      <ul class="nav-content">
        <!-- 函二级菜单 -->
        <li class="first-nav">
          <div class="first-nav-title">
            <a href="https://powder.samaterials.com/">Home</a>
            <div class="put-icon">
              <img src="../../img/svg/stow.svg" alt="">
            </div>
          </div>
          <ul class="second-nav">
            <li>
              <a href="https://powder.samaterials.com/">Lab Grown Diamonds</a>
            </li>
            <li>
              <a href="https://powder.samaterials.com/">Lab Grown Diamonds</a>
            </li>
          </ul>
        </li>
        <!-- 不含一级菜单 -->
        <li class="first-nav">
          <a href="">Diamond Shapes</a>
        </li>
      </ul>
    </div>
    <!-- 搜索弹框 -->
    <div class="dm-main-header-input">
      <div class="close-icon-wrapper">
        <a class="close-icon">
          <img src="../../img/svg/closed.svg" alt="close"></img>
        </a>
      </div>
      <!-- 搜索 -->
      <div class="search-down">
        <div class="search-top-content">
          <p class="search-title">Search</p>
          <input type="text" name="searchValue" class="searchValue" placeholder="Search..."></input>

          <div class="search-icon">
            <img src="../../img/svg/search_black.svg" alt="search"></img>
          </div>
        </div>
        <!-- 默认占位展示 -->
        <div class="search-placeholder">
          <div class="placeholder-title">Quick Links</div>
          <div class="placeholder-content">
            <a class="dm-placeholder-info">
              <img src="../../img/svg/right-arrow.svg" alt="">
              <div class="info-text">Lab Grown Diamonds</div>
            </a>
            <a class="dm-placeholder-info">
              <img src="../../img/svg/right-arrow.svg" alt="">
              <div class="info-text">Lab Grown Diamonds</div>
            </a>
            <a class="dm-placeholder-info">
              <img src="../../img/svg/right-arrow.svg" alt="">
              <div class="info-text">Lab Grown Diamonds</div>
            </a>
            <a class="dm-placeholder-info">
              <img src="../../img/svg/right-arrow.svg" alt="">
              <div class="info-text">Lab Grown Diamonds</div>
            </a>
          </div>
        </div>
        <!-- 搜索出来的内容 -->
        <div class="search-results">

        </div>
      </div>
    </div>
  </div>

  <div style="height: 10rem;"></div>



  <!-- 返回顶部 按钮 -->
  <div id="dm-back-to-top">
    <svg width="24" height="31" viewBox="0 0 24 31" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M13.0607 0.796206C12.4749 0.210419 11.5251 0.210419 10.9393 0.796205L1.3934 10.3421C0.807612 10.9279 0.807612 11.8777 1.3934 12.4635C1.97919 13.0493 2.92893 13.0493 3.51472 12.4635L12 3.97819L20.4853 12.4635C21.0711 13.0493 22.0208 13.0493 22.6066 12.4635C23.1924 11.8777 23.1924 10.9279 22.6066 10.3421L13.0607 0.796206ZM13.5 30.1426L13.5 1.85686L10.5 1.85686L10.5 30.1426L13.5 30.1426Z"
        fill="white" fill-opacity="0.6" />
    </svg>
  </div>

  <!-- jQuery CDN -->
  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script defer src='https://www.google.com/recaptcha/api.js?hl=en-us'></script>
  <script src="../../js/utils/dropdownOptions.js"></script>
  <script src="../../js/utils/enum.js"></script>
  <script src="../../js/utils/regExp.js"></script>
  <script src="../../js/utils/storage.js"></script>
  <script src="../../js/utils/index.js"></script>
  <script src="./header.js"></script>
</body>

</html>